var myChar = echarts.init(document.getElementById('main'));
var option = {
    //标题
    title: {
        text: '用户统计图',//主标题
        subtext: '思云产品'//副标题
    },
    //图例位置
    legend: {
        show: true
    },
    //右上角工具栏
    toolbox: {
        feature: {
            dataView: { //数据视图
                show: true
            },
            magicType: {//动态类型切换
                type: ['line', 'bar']
            },
            restore: { //重置
                show: true
            },
            saveAsImage: {//保存图片
                show: true
            }
        }
    },
    //提示框
    tooltip: {},

    //x轴
    xAxis: {
        data: ['1月',
            '2月',
            '3月',
            '4月',
            '5月',
            '6月',
            '7月',
            '8月',
            '9月',
            '10月',
            '11月',
            '12月']
    },
    //y轴
    yAxis: {
        type: 'value',
        position: 'left',
        axisLabel: {
            formatter: '{value} 人'
        }
    }
}

//前端用户总人数
$.ajax({
    url: '/user/count',
    type: 'post',
    dataType: 'json',
    success: function (data) {
        $('#beforeUser').text(data.data);
    }
});
//后台用户总人数
$.ajax({
    url: '/login/count',
    type: 'post',
    dataType: 'json',
    success: function (data) {
        $('#user').text(data.data);
    }
});
//前端用户每个月对应的人数
$.ajax({
    url: '/user/countMonth',
    type: 'post',
    dataType: 'json',
    success: function (data) {
        var beforeArr = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        var beforeCount = count(data.data, beforeArr);
        //后台用户每个月对应的人数
        var userCount = [];
        $.ajax({
            url: '/login/countMonth',
            type: 'post',
            dataType: 'json',
            success: function (data) {
                var userArr = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
                userCount = count(data.data, userArr);
                myChar.setOption({
                    series: [
                        {
                            //名称，提示框tooltip会显示
                            name: '前台用户总数',
                            //决定这的图表是什么类型的
                            type: 'bar',
                            data: beforeCount,
                            markPoint: {
                                data: [
                                    {type: 'max', name: 'Max'},
                                    {type: 'min', name: 'Min'}
                                ]
                            }
                        },
                        {
                            name: '管理人员总数',
                            type: 'bar',
                            data: userCount,
                            markPoint: {
                                data: [
                                    {type: 'max', name: 'Max'},
                                    {type: 'min', name: 'Min'}
                                ]
                            }
                        }
                    ]
                })
            }
        });
    }
});


//遍历出对应月份的人数
function count(list, arr) {
    for (var i = 0; i < list.length; i++) {
        if (list[i].month == 1) {
            arr[0] = list[i].count;
        }
        if (list[i].month == 2) {
            arr[1] = list[i].count;
        }
        if (list[i].month == 3) {
            arr[2] = list[i].count;
        }
        if (list[i].month == 4) {
            arr[3] = list[i].count;
        }
        if (list[i].month == 5) {
            arr[4] = list[i].count;
        }
        if (list[i].month == 6) {
            arr[5] = list[i].count;
        }
        if (list[i].month == 7) {
            arr[6] = list[i].count;
        }
        if (list[i].month == 8) {
            arr[7] = list[i].count;
        }
        if (list[i].month == 9) {
            arr[8] = list[i].count;
        }
        if (list[i].month == 10) {
            arr[9] = list[i].count;
        }
        if (list[i].month == 11) {
            arr[10] = list[i].count;
        }
        if (list[i].month == 12) {
            arr[11] = list[i].count;
        }
    }
    return arr;
}

//使用指定的配置项和数据显示图表
myChar.setOption(option);

//跳转
function goBack() {
    //通过页面查找iframe
    parent.$('#recordLog').val($('#userStatistics').text());
    parent.before();
    return false;
}
